import React from 'react';
import {Row, Col, Layout, Menu} from 'antd';
import "antd/dist/antd.css";
import './HeadNav.css';

const {Header} = Layout;

function HeadNav() {
    return (
        <Header style={{position: 'fixed', zIndex: 1, width: '100%'}}>
            <Row>
                <Col span={6}>
                    <div className="logo">
                        <h1>创意空间预定</h1>
                    </div>
                </Col>
                <Col span={12} offset={6}>
                    <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['2']}>
                        <Menu.Item key="1">nav 1</Menu.Item>
                        <Menu.Item key="2">nav 2</Menu.Item>
                        <Menu.Item key="3">nav 3</Menu.Item>
                    </Menu>
                </Col>
            </Row>
        </Header>
    );
}

export default HeadNav;
